<!doctype html>
<html>
 <head> 
  <meta charset="utf-8"> 
  <title>Adminox - Responsive Web App Kit</title> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 
  <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description"> 
  <meta content="Coderthemes" name="author"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <!-- App favicon --> 
  <link rel="shortcut icon" href="${ctx}/admin/images/favicon.ico"> 
  <!-- App css --> 
  <link href="${ctx}/admin/css/bootstrap.min.css" rel="stylesheet" type="text/css"> 
  <link href="${ctx}/admin/css/icons.css" rel="stylesheet" type="text/css"> 
  <link href="${ctx}/admin/css/metismenu.min.css" rel="stylesheet" type="text/css"> 
  <link href="${ctx}/admin/css/style.css" rel="stylesheet" type="text/css"> 
  <script src="${ctx}/admin/js/modernizr.min.js"></script> 
 </head> 
 <body> 
  <!-- Begin page --> 
  <div id="wrapper"> 
   <!-- Top Bar Start --> 
   <#include "common/header.ftl">
   <!-- Top Bar End --> 
   <!-- ========== Left Sidebar Start ========== --> 
   <#include "common/menu.ftl">
   <!-- Left Sidebar End --> 
   <!-- ============================================================== --> 
   <!-- Start right Content here --> 
   <!-- ============================================================== --> 
   <div class="content-page"> 
    <!-- Start content --> 
    <div class="content"> 
     <div class="container-fluid"> 
      <div class="row"> 
       <div class="col-12"> 
        <div class="page-title-box"> 
         <h4 class="page-title float-left">个人资料</h4>
         <ol class="breadcrumb float-right"> 
          <li class="breadcrumb-item"><a href="#">Adminox</a></li> 
          <li class="breadcrumb-item"><a href="#">Extras</a></li> 
          <li class="breadcrumb-item active">Profile</li> 
         </ol> 
         <div class="clearfix"></div> 
        </div> 
       </div> 
      </div> 
      <!-- end row --> 
      <div class="row"> 
       <div class="col-sm-12"> 
        <div class="profile-bg-picture" style="background-image:url('${ctx}/admin/images/bg-profile.jpg')"> 
         <span class="picture-bg-overlay"></span>
         <!-- overlay --> 
        </div> 
        <!-- meta --> 
        <div class="profile-user-box"> 
         <div class="row"> 
          <div class="col-sm-6"> 
           <span class="pull-left m-r-15"><img src="${ctx}/admin/images/users/avatar-1.jpg" alt="" class="thumb-lg rounded-circle"></span> 
           <div class="media-body"> 
            <h4 class="m-t-5 m-b-5 font-18 ellipsis">metamorphosis</h4>
            <p class="font-13"> programer</p>
            <p class="text-muted m-b-0"><small>Xi'An Shaanxi</small></p>
           </div> 
          </div> 
          <div class="col-sm-6"> 
           <div class="text-right"> 
            <a href="/admin/user/edit" class="btn btn-success waves-effect waves-light"> <i class="mdi mdi-account-settings-variant m-r-5"></i> 编辑个人资料 </a>
           </div> 
          </div> 
         </div> 
        </div> 
        <!--/ meta --> 
       </div> 
      </div> 
      <!-- end row --> 
      <div class="row"> 
       <div class="col-md-4"> 
        <!-- Personal-Information --> 
        <div class="card-box"> 
         <h4 class="header-title mt-0 m-b-20">个人信息</h4>
         <div class="panel-body"> 
          <p class="text-muted font-13"> 每个人心中都有一段属于自己的芳华 ，每个人心中都有一段刻骨铭记的青春 ，只有经历过岁月的洗礼 ，才能沉淀美好的芳华 ，愿芳华永存，一路芬芳。</p>
          <hr> 
          <div class="text-left"> 
           <p class="text-muted font-13"><strong>全名 :</strong> <span class="m-l-15">杨凯</span></p>
           <p class="text-muted font-13"><strong>手机 :</strong><span class="m-l-15">15592294006</span></p>
           <p class="text-muted font-13"><strong>邮箱 :</strong> <span class="m-l-15">494040246@qq.com</span></p>
           <p class="text-muted font-13"><strong>地点 :</strong> <span class="m-l-15">陕西西安</span></p>
           <p class="text-muted font-13"><strong>语言 :</strong> <span class="m-l-5"> <span class="flag-icon flag-icon-us m-r-5 m-t-0" title="us"></span> <span>English</span> </span> <span class="m-l-5"> <span class="flag-icon flag-icon-de m-r-5" title="de"></span> <span>German</span> </span> <span class="m-l-5"> <span class="flag-icon flag-icon-es m-r-5" title="es"></span> <span>Spanish</span> </span> <span class="m-l-5"> <span class="flag-icon flag-icon-fr m-r-5" title="fr"></span></span> </p>
          </div> 
          <ul class="social-links list-inline m-t-20 m-b-0"> 
           <li class="list-inline-item"> <a title="" data-placement="top" data-toggle="tooltip" class="tooltips" href="" data-original-title="Facebook"><i class="fa fa-facebook"></i></a> </li> 
           <li class="list-inline-item"> <a title="" data-placement="top" data-toggle="tooltip" class="tooltips" href="" data-original-title="Twitter"><i class="fa fa-twitter"></i></a> </li> 
           <li class="list-inline-item"> <a title="" data-placement="top" data-toggle="tooltip" class="tooltips" href="" data-original-title="Skype"><i class="fa fa-skype"></i></a> </li> 
          </ul> 
         </div> 
        </div> 
        <!-- Personal-Information --> 
        <div class="card-box ribbon-box"> 
         <div class="ribbon ribbon-primary">
          消息
         </div> 
         <div class="clearfix"></div> 
         <div class="inbox-widget"> 
          <a href="#"> 
           <div class="inbox-item"> 
            <div class="inbox-item-img">
             <img src="${ctx}/admin/images/users/avatar-2.jpg" class="rounded-circle" alt="">
            </div> 
            <p class="inbox-item-author">Tomaslau</p> 
            <p class="inbox-item-text">I've finished it! See you so...</p> 
            <p class="inbox-item-date m-t-10"> <button type="button" class="btn btn-icon btn-xs waves-effect waves-light btn-success"> 回复 </button> </p> 
           </div> </a> 
          <a href="#"> 
           <div class="inbox-item"> 
            <div class="inbox-item-img">
             <img src="${ctx}/admin/images/users/avatar-3.jpg" class="rounded-circle" alt="">
            </div> 
            <p class="inbox-item-author">Stillnotdavid</p> 
            <p class="inbox-item-text">This theme is awesome!</p> 
            <p class="inbox-item-date m-t-10"> <button type="button" class="btn btn-icon btn-xs waves-effect waves-light btn-success"> 回复 </button> </p> 
           </div> </a> 
          <a href="#"> 
           <div class="inbox-item"> 
            <div class="inbox-item-img">
             <img src="${ctx}/admin/images/users/avatar-4.jpg" class="rounded-circle" alt="">
            </div> 
            <p class="inbox-item-author">Kurafire</p> 
            <p class="inbox-item-text">Nice to meet you</p> 
            <p class="inbox-item-date m-t-10"> <button type="button" class="btn btn-icon btn-xs waves-effect waves-light btn-success"> 回复 </button> </p> 
           </div> </a> 
          <a href="#"> 
           <div class="inbox-item"> 
            <div class="inbox-item-img">
             <img src="${ctx}/admin/images/users/avatar-5.jpg" class="rounded-circle" alt="">
            </div> 
            <p class="inbox-item-author">Shahedk</p> 
            <p class="inbox-item-text">Hey! there I'm available...</p> 
            <p class="inbox-item-date m-t-10"> <button type="button" class="btn btn-icon btn-xs waves-effect waves-light btn-success"> 回复 </button> </p> 
           </div> </a> 
          <a href="#"> 
           <div class="inbox-item"> 
            <div class="inbox-item-img">
             <img src="${ctx}/admin/images/users/avatar-6.jpg" class="rounded-circle" alt="">
            </div> 
            <p class="inbox-item-author">Adhamdannaway</p> 
            <p class="inbox-item-text">This theme is awesome!</p> 
            <p class="inbox-item-date m-t-10"> <button type="button" class="btn btn-icon btn-xs waves-effect waves-light btn-success"> 回复 </button> </p> 
           </div> </a> 
         </div> 
        </div> 
       </div> 
       <div class="col-md-8"> 
        <div class="row"> 
         <div class="col-sm-4"> 
          <div class="card-box widget-box-four"> 
           <div id="dashboard-1" class="widget-box-four-chart"></div> 
           <div class="wigdet-four-content pull-left"> 
            <h4 class="m-t-0 font-16 m-b-5 text-overflow" title="Total Revenue">总收入</h4>
            <p class="font-secondary text-muted">Jan - Apr 2017</p> 
            <h3 class="m-b-0 m-t-20"><span>$</span> <span data-plugin="counterup">1,28,5960</span></h3> 
           </div> 
           <div class="clearfix"></div> 
          </div> 
         </div>
         <!-- end col --> 
         <div class="col-sm-4"> 
          <div class="card-box widget-box-four"> 
           <div id="dashboard-2" class="widget-box-four-chart"></div> 
           <div class="wigdet-four-content pull-left"> 
            <h4 class="m-t-0 font-16 m-b-5 text-overflow" title="Total Unique Visitors">访客总数</h4>
            <p class="font-secondary text-muted">Jan - Apr 2017</p> 
            <h3 class="m-b-0 m-t-20"><span>$</span> <span data-plugin="counterup">1,28,5960</span></h3> 
           </div> 
           <div class="clearfix"></div> 
          </div> 
         </div>
         <!-- end col --> 
         <div class="col-sm-4"> 
          <div class="card-box widget-box-four"> 
           <div id="dashboard-3" class="widget-box-four-chart"></div> 
           <div class="wigdet-four-content pull-left"> 
            <h4 class="m-t-0 font-16 m-b-5 text-overflow" title="Number of Transactions">交易数量</h4>
            <p class="font-secondary text-muted">Jan - Apr 2017</p> 
            <h3 class="m-b-0 m-t-20"><span>$</span> <span data-plugin="counterup">1,28,5960</span></h3> 
           </div> 
           <div class="clearfix"></div> 
          </div> 
         </div>
         <!-- end col --> 
        </div> 
        <!-- end row --> 
        <div class="card-box"> 
         <h4 class="header-title mt-0 m-b-20">工作经验</h4>
         <div class=""> 
          <div class=""> 
           <h5 class="text-custom m-b-5">Lead designer / Developer</h5> 
           <p class="m-b-0">websitename.com</p> 
           <p><b>2010-2015</b></p> 
           <p class="text-muted font-13 m-b-0">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p> 
          </div> 
          <hr> 
          <div class=""> 
           <h5 class="text-custom m-b-5">Senior Graphic Designer</h5> 
           <p class="m-b-0">coderthemes.com</p> 
           <p><b>2007-2009</b></p> 
           <p class="text-muted font-13">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p> 
          </div> 
         </div> 
        </div> 
        <div class="card-box"> 
         <div class="table-responsive"> 
          <table class="table m-b-0"> 
           <thead> 
            <tr> 
             <th>#</th> 
             <th>Project Name</th> 
             <th>Start Date</th> 
             <th>Due Date</th> 
             <th>Status</th> 
             <th>Assign</th> 
            </tr> 
           </thead> 
           <tbody> 
            <tr> 
             <td>1</td> 
             <td>Adminox Admin</td> 
             <td>01/01/2015</td> 
             <td>07/05/2015</td> 
             <td><span class="label label-info">Work in Progress</span></td> 
             <td>Coderthemes</td> 
            </tr> 
            <tr> 
             <td>2</td> 
             <td>Adminox Frontend</td> 
             <td>01/01/2015</td> 
             <td>07/05/2015</td> 
             <td><span class="label label-success">Pending</span></td> 
             <td>Coderthemes</td> 
            </tr> 
            <tr> 
             <td>3</td> 
             <td>Adminox Admin</td> 
             <td>01/01/2015</td> 
             <td>07/05/2015</td> 
             <td><span class="label label-pink">Done</span></td> 
             <td>Coderthemes</td> 
            </tr> 
            <tr> 
             <td>4</td> 
             <td>Adminox Frontend</td> 
             <td>01/01/2015</td> 
             <td>07/05/2015</td> 
             <td><span class="label label-purple">Work in Progress</span></td> 
             <td>Coderthemes</td> 
            </tr> 
            <tr> 
             <td>5</td> 
             <td>Adminox Admin</td> 
             <td>01/01/2015</td> 
             <td>07/05/2015</td> 
             <td><span class="label label-warning">Coming soon</span></td> 
             <td>Coderthemes</td> 
            </tr> 
           </tbody> 
          </table> 
         </div> 
        </div> 
       </div> 
       <!-- end col --> 
      </div> 
      <!-- end row --> 
     </div> 
     <!-- container --> 
    </div> 
    <!-- content --> 
    <#include "common/footer.ftl">
   </div> 
   <!-- ============================================================== --> 
   <!-- End Right content here --> 
   <!-- ============================================================== --> 
  </div> 
  <!-- END wrapper --> 
  <!-- jQuery  --> 
  <script src="${ctx}/admin/js/jquery.min.js"></script> 
  <script src="${ctx}/admin/js/tether.min.js"></script>
  <!-- Tether for Bootstrap --> 
  <script src="${ctx}/admin/js/bootstrap.min.js"></script> 
  <script src="${ctx}/admin/js/metisMenu.min.js"></script> 
  <script src="${ctx}/admin/js/waves.js"></script> 
  <script src="${ctx}/admin/js/jquery.slimscroll.js"></script> 
  <!-- Counter js  --> 
  <script src="${ctx}/admin/plugins/waypoints/jquery.waypoints.min.js"></script>
  <script src="${ctx}/admin/plugins/counterup/jquery.counterup.min.js"></script>
  <!-- Sparkline charts --> 
  <script src="${ctx}/admin/plugins/jquery-sparkline/jquery.sparkline.min.js"></script>
  <script src="${ctx}/admin/pages/jquery.profile.js"></script> 
  <!-- App js --> 
  <script src="${ctx}/admin/js/jquery.core.js"></script> 
  <script src="${ctx}/admin/js/jquery.app.js"></script>  
 </body>
</html>